<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">
<head>
    <meta charset='utf-8'>
    <title>Fresco | Fresco</title>
    <link rel='stylesheet' href='/static/site.css' type='text/css'/>
    <link rel="stylesheet" href='/static/pygments.css' type='text/css'/>
    <link rel='shortcut icon' href='/static/favicon.png'>
    <meta name='viewport' content='width=480'>
    <meta property="og:title" content="Fresco" />
    <meta property="og:site_name" content="fresco">
    <meta property='og:description' content='Fresco is an image management library.'>
    <meta property='og:image' content='http://facebook.github.io/fresco/static/fresco-og-image.png'>
    <meta property='og:url' content="http://facebook.github.io/fresco/index.html">
    
    <meta property='og:type' content='website'>
    
    <script type="text/javascript" src="//use.typekit.net/vqa1hcx.js"></script>
    <script type="text/javascript">{'try{Typekit.load();}catch(e){}'}</script>
    <!-- Google Analytics -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-43024238-8', 'auto');
      ga('send', 'pageview');

    </script>
</head>
<body>

<header class='topbar'><nav class='width'>
<a href='/'>
  <img src="/static/fresco-logo.png" class="logo">
</a>
    <ul>
      <li><a href="/docs/index.html#_"
          >
          文档
      </a></li>
      <li><a href="/"
           class="active" >
          关于
      </a></li>
      <li><a href="/support.html"
          >
          支持
      </a></li>
      <li><a href="/javadoc">
          API
      </a></li>
      <li><a href="http://github.com/facebook/fresco">GitHub</a>
      <li><a href="/about.html"
          >
      关于本文档</a></li>
    </ul>
</nav></header>



  <header class='hero'><div class='width'>
    <div class='fresco-header'></div>
    <div>
      <p>专为Android加载图片</p>
      <div class="buttons-unit">
        <a href="/docs/index.html#_" class="button">开始使用</a>
      </div>
    </div>
</div></header>



<section class='content'><div class='width'>

<article>

<h1>关于 Fresco</h1>

<p>Fresco 是一个强大的图片加载组件。</p>

<p>Fresco 中设计有一个叫做 <em>image pipeline</em> 的模块。它负责从网络，从本地文件系统，本地资源加载图片。为了最大限度节省空间和CPU时间，它含有3级缓存设计（2级内存，1级文件）。</p>

<p>Fresco 中设计有一个叫做 <em>Drawees</em> 模块，方便地显示loading图，当图片不再显示在屏幕上时，及时地释放内存和空间占用。</p>

<p>Fresco 支持 Android2.3(API level 9) 及其以上系统。</p>

<h1>特性</h1>

<h2>内存管理</h2>

<p>一个没有未压缩的图片，即Android中的<code>Bitmap</code>，占用大量的内存。大的内存占用势必引发更加频繁的GC。在5.0以下，GC将会显著地引发界面卡顿。</p>

<p>在5.0以下系统，Fresco将图片放到一个特别的内存区域。当然，在图片不显示的时候，占用的内存会自动被释放。这会使得APP更加流畅，减少因图片内存占用而引发的OOM。</p>

<p>Fresco 在低端机器上表现一样出色，你再也不用因图片内存占用而思前想后。</p>

<h2>图片的渐进式呈现</h2>

<p>渐进式的JPEG图片格式已经流行数年了，渐进式图片格式先呈现大致的图片轮廓，然后随着图片下载的继续，呈现逐渐清晰的图片，这对于移动设备，尤其是慢网络有极大的利好，可带来更好的用户体验。</p>

<p>Android 本身的图片库不支持此格式，但是Fresco支持。使用时，和往常一样，仅仅需要提供一个图片的URI即可，剩下的事情，Fresco会处理。</p>

<h2>Gif图和WebP格式</h2>

<p>是的，支持加载Gif图，支持WebP格式。</p>

<h3>图像的呈现</h3>

<p>Fresco 的 Drawees 设计，带来一些有用的特性：</p>

<ul>
<li>自定义居中焦点(对人脸等图片显示非常有帮助)</li>
<li>圆角图，当然圆圈也行。</li>
<li>下载失败之后，点击重现下载</li>
<li>自定义占位图，自定义overlay, 或者进度条</li>
<li>指定用户按压时的overlay</li>
</ul>

<h2>图像的加载</h2>

<p>Fresco 的 image pipeline 设计，允许用户在多方面控制图片的加载：</p>

<ul>
<li>为同一个图片指定不同的远程路径，或者使用已经存在本地缓存中的图片</li>
<li>先显示一个低解析度的图片，等高清图下载完之后再显示高清图</li>
<li>加载完成回调通知</li>
<li>对于本地图，如有EXIF缩略图，在大图加载完成之前，可先显示缩略图</li>
<li>缩放或者旋转图片</li>
<li>处理已下载的图片</li>
<li>WebP 支持</li>
</ul>

<h1>了解更多</h1>

<ul>
<li><a href="https://code.facebook.com/posts/366199913563917">相关博客</a>: Fresco的发布</li>
<li><a href="docs/download-fresco.html">下载</a> Fresco</li>
<li><a href="docs/index.html">文档</a></li>
<li><a href="https://github.com/facebook/fresco">GitHub</a>的源码</li>
</ul>


</article>

</div></section>




  <header class='hero'><div class='width'>
    <div class="buttons-unit">
      <a href="/docs/index.html#_" class="button">开始使用</a>
    </div>
<footer><div class='width'>
    &copy; Copyright 2015, Facebook Inc.
</div></footer>

<script src="/static/linkify.js"></script>
<!-- Google Analytics -->
</body>
</html>

  </div></header>


